<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>葫芦侠</title>

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>


    <div class="wrap">

        <div class="close">
            <a href="./home.html"><img src="./imgs/login-close.png" alt=""></a>
        </div>

        <div class="icon">
            <div class="img"><img src="./imgs/login-icon.png" alt=""></div>
            <h4>葫芦侠</h4>
        </div>

        <form>
            <input type="text" placeholder="手机号">
            <div class="phone-code">
                <a href="">试试语言验证码</a>
            </div>
            <div class="code">
                <a href="">验证登录</a>
            </div>
            <div class="pass">
                <a href="">密码登录</a>
            </div>
        </form>

        <div class="argument">
            <div class="img"><img src="./imgs/login-true.png" alt=""></div>
            <p>
                已阅读并同意<a href="">葫芦侠用户及服务协议</a>、<a href="">隐私政策</a>
            </p>
        </div>

        <div class="other">

            <div class="title">
                <del></del>
                <p>试试其他登录方式</p>
            </div>

            <div class="way">
                <a class="qq" href=""></a>
                <a class="wx" href=""></a>
            </div>

        </div>



    </div>


</body>

</html>